<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@taglib prefix="sec"
	uri="http://www.springframework.org/security/tags"%>


<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<%=basePath%>" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>${applicationScope.KEY_SITE_NAME}</title>
<link href="resources/css/jquery-ui.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="resources/css/extcommon.css" type="text/css"></link>
<link rel="stylesheet" href="resources/css/extindex.css" type="text/css"></link>

<script type="text/javascript" src="resources/scripts/jquery-1.9.1.js"></script>
<script type="text/javascript" src="resources/scripts/extindex.js"></script>
<script type="text/javascript" src="resources/scripts/jquery-ui.custom.js"></script>
<script type="text/javascript" src="resources/scripts/unslider.min.js"></script>
<script type="text/javascript" src="resources/scripts/common.js"></script>
<script type="text/javascript" src="resources/scripts/jquery.validate.js"></script>


<script type="text/javascript">
<!--
	$(document)
			.ready(
					function() {

						renderButtons();
						
						$("#form1")
								.validate(
										{
											rules : {
												userId : {
													required : true,
													maxlength : 30,
													minlength : 2,
													remote : {
														url : 'user/checkuserid',
														type : 'POST',
														dateType : 'json',
														data : {
															userId : function() {
																return $('#userId').val();
															}
														}
													}
												},
												userM : {
													required : true,
													maxlength : 40,
													minlength : 2
												},
												password : {
													required : true,
													minlength : 5,
													maxlength : 30
												},
												re_passwrod : {
													required : true,
													minlength : 5,
													maxlength : 30,
													equalTo : "#password"
												},
												qq : {
													maxlength : 60
												},
												email : {
													email : true,
													maxlength : 60
												}

											}

										});

					});
//-->
</script>
</head>
<body>
	<div class="header">
		<div class="top">
			<div class="top_box clearfix">
				<ul class="top_left" id="loginList">
					<li>您好！</li>
					<li>请<a ref="nofollow" href="#" target="_self">登录</a></li>

					<li><a ref="nofollow" href="#">免费注册</a></li>
				</ul>
				<ul class="top_right" id="topRight">
					<li class="" style=""><a ref="nofollow" href="#"
						target="_self">买家中心<s class="like_arrow_down black_arrow"></s><em
							class="line">|</em></a>
						<div class="sub_box" style="display: none;">
							<ul class="user_list">
								<li><a ref="nofollow" href="#" target="_self">我购买的商品</a></li>
								<li><a ref="nofollow" href="#" target="_self">我的商城订单</a></li>
								<li><a ref="nofollow" href="#">我要买</a></li>
							</ul>
						</div></li>
					<li class="" style=""><a ref="nofollow" href="#"
						target="_self">卖家中心<s class="like_arrow_down black_arrow"></s><em
							class="line">|</em></a>
						<div class="sub_box" style="display: none;">
							<ul class="user_list">
								<li><a ref="nofollow" href="#" target="_self">我的订单管理</a></li>
								<li><a ref="nofollow" href="#" target="_self">出售中的商品</a></li>
								<li><a ref="nofollow" href="#" target="_self">仓库中的商品</a></li>
								<li><a ref="nofollow" href="#" target="_self">最新成交价格</a></li>
								<li><a ref="nofollow" href="#">我要卖</a></li>
							</ul>
						</div></li>
					<li class="mark_cart" id="markCart"><a ref="nofollow" href="#"><s
							class="icon_cart"></s>购物车&nbsp;<b class="num">0</b>&nbsp;件<em
							class="line">|</em></a></li>
					<li class="" style=""><a href="#">客服中心<s
							class="like_arrow_down black_arrow"></s><em class="line">|</em></a>
						<div class="sub_box" style="display: none;">
							<ul class="support_list">
								<li><a ref="nofollow" href="#">咨询中心</a></li>
								<li><a ref="nofollow" href="#">安全中心</a></li>
								<li><a ref="nofollow" href="#">帮助中心</a></li>
								<li class="current"><a ref="nofollow" href="#">我要咨询</a></li>
								<li class="current"><a ref="nofollow" href="#">我要投诉</a></li>
							</ul>
						</div></li>
					<li class="" style=""><span>网站导航<s
							class="like_arrow_down black_arrow"></s><em class="line">|</em></span>
						<div class="sub_box map_box" style="display: none;">
							<dl class="map_list ">
								<dt>商品类</dt>
								<dd>
									<a ref="nofollow" href="#">游戏币</a>
								</dd>
								<dd>
									<a ref="nofollow" href="#">点卡</a>
								</dd>
								<dd>
									<a ref="nofollow" href="#">装备</a>
								</dd>
								<dd>
									<a ref="nofollow" href="#">帐号</a>
								</dd>
								<dd>
									<a ref="nofollow" href="#">代练</a>
								</dd>
								<dd>
									<a ref="nofollow" href="#">玩游戏</a>
								</dd>
								<dd>
									<a ref="nofollow" href="#">网页游戏</a>
								</dd>
								<dd>
									<a ref="nofollow" href="#">棋牌游戏</a>
								</dd>
								<dd>
									<a ref="nofollow" href="#">消费券</a>
								</dd>
								<dd>
									<a ref="nofollow" href="#">发卡中心</a>
								</dd>
								<dd>
									<a ref="nofollow" href="#">手游交易</a>
								</dd>
								<dd>
									<a ref="nofollow" href="#">彩票</a>
								</dd>
							</dl>
						</div></li>
					<li class="" style=""><span>官方微博<s
							class="like_arrow_down black_arrow"></s></span>
						<div class="sub_box sns_box" style="display: none;">
							<ul class="sns_list">
								<li><a ref="nofollow" href="#" class="icon_sina">新浪微博</a></li>
								<li><a ref="nofollow" href="#" class="icon_tx">腾讯微博</a></li>
							</ul>
							<div class="wx_Qr_code_list">
								<div class="wx_code"></div>
								<div class="wx_txt">关注5173微信</div>
							</div>
						</div></li>
				</ul>
			</div>
		</div>

		<div class="header_box clearfix">
			<h1 class="logo">
				<a href="" title="中国网络游戏服务网"></a>
			</h1>
			<!-- 四级联动游戏选择 -->
			<div style="padding-top:30px;">
			<h2 style="font-size:30px;color:#0078AE;">用户注册</h2>
			</div>
		</div>

		</div>
		<div class="main_nav">
			<ul class="main_nav_list">
				<li class="current"><a href="#">首页</a><s class=""></s></li>
				<li class=""><a href="#">游戏币</a><s class=""></s></li>
				<li class=""><a href="#">装备</a><s class=""></s></li>
				<li class=""><a href="#">帐号</a><s class=""></s></li>
				<li class=""><a href="#">点卡</a><s class=""></s></li>
				<li class=""><a href="#">代练</a><s class=""></s></li>
				<li class=""><a href="#">页游交易</a><s class=""></s></li>
				<li class="last_li"><a href="#">帐号出租</a><s class=""></s></li>
			</ul>
		</div>
	</div>
	<div class="content">
			
			<div class="box">
				<h2 style='text-align:center;'>填写用户信息</h2>
				<div class="box" style="border: none;">

					<form id="form1" name="form1" method="post" action="" style='margin-left:150px;'>

						<fieldset>
							<div class="formfield">

								<div class="formLabel">
									<label class="needstar">*</label>
									<label for="userId">用户ID:</label>
								</div>
								<div class="forminput">									
									<input type="text" id="userId" name="userId"
										class="text ui-widget-content ui-corner-all"/>
								</div>

							</div>

							<div class="formfield">

								<div class="formLabel">
									<label for="userM">用户显示名称:</label>
								</div>
								<div class="forminput">
									<input type="text" id="userM" name="userM"
										class="text ui-widget-content ui-corner-all" />
								</div>

							</div>

							<div class="formfield">

								<div class="formLabel">
									<label class="needstar">*</label>
									<label for="password">密码:</label>
								</div>
								<div class="forminput">
									<input type="password" id="password" name="password"
										class="text ui-widget-content ui-corner-all" />
								</div>

							</div>

							<div class="formfield">

								<div class="formLabel">
									<label class="needstar">*</label>
									<label for="re_passwrod">重复密码:</label>
								</div>
								<div class="forminput">
									<input type="password" id="re_passwrod" name="re_passwrod"
										class="text ui-widget-content ui-corner-all" />
								</div>

							</div>
							
							<div class="formfield">

								<div class="formLabel">
									<label for="qq">QQ:</label>
								</div>
								<div class="forminput">
									<input type="text" id="qq" name="qq"
										class="text ui-widget-content ui-corner-all" />
								</div>

							</div>
							
							<div class="formfield">

								<div class="formLabel">
									<label class="needstar">*</label>
									<label for="email">邮箱:</label>
								</div>
								<div class="forminput">
									<input type="text" id="email" name="email"
										class="text ui-widget-content ui-corner-all" />
								</div>

							</div>
							
							<div class="formfield">

								<div class="formLabel">
									<label class="needstar">*</label>
									<label for="checkcode">验证码:</label>
								</div>
								<div class="forminput">
									<input type="text" id="checkcode" name="checkcode"
										class="text ui-widget-content ui-corner-all" />
								</div>

							</div>
							
							<div class="formfield">								
								<div class="forminput">
									<input type="checkbox" id="accept" name="accept"/>									
									<label for="accept">我同意网站<a href="#">注册条款</a></label>
								</div>

							</div>
							
							

							<div class="forminput">
								<button type="submit" id="submitbtn">
									提交
								</button>
								<button type="reset" id="reset">
									重置
								</button>
							</div>

						</fieldset>
					</form>

				</div>				
		</div>

		

	<div class="index_footer">
		<div class="bottom_link">
			<dl>
				<dt>
					<s class="icon_1"></s>新手入门
				</dt>
				<dd>
					<a ref="nofollow" href="">诚信与安全</a>
				</dd>
				<dd>
					<a ref="nofollow" href="">用户注册</a>
				</dd>
				<dd>
					<a ref="nofollow" href="">交易流程</a>
				</dd>
				<dd>
					<a ref="nofollow" href="">5173积分</a>
				</dd>
			</dl>
			<dl>
				<dt>
					<s class="icon_2"></s>充值提现
				</dt>
				<dd>
					<a ref="nofollow" href="">充值方式</a>
				</dd>
				<dd>
					<a ref="nofollow" href="">如何提现</a>
				</dd>
				<dd>
					<a ref="nofollow" href="">交易收费标准</a>
				</dd>
				<dd>
					<a ref="nofollow" href="">提现收费标准</a>
				</dd>
			</dl>
			<dl>
				<dt>
					<s class="icon_3"></s>特色服务
				</dt>
				<dd>
					<a ref="nofollow" href="">售后保障</a>
				</dd>
				<dd>
					<a ref="nofollow" href="">小额交易</a>
				</dd>
				<dd>
					<a ref="nofollow" href="">自助交易</a>
				</dd>
				<dd>
					<a ref="nofollow" href="">网游助手</a>
				</dd>
			</dl>
			<dl>
				<dt>
					<s class="icon_4"></s>客服中心
				</dt>
				<dd>
					<a ref="nofollow" href="">客服验证</a>
				</dd>
				<dd>
					<a ref="nofollow" href="">帮助中心</a>
				</dd>
				<dd>
					<a ref="nofollow" href="/">咨询建议</a>
				</dd>
				<dd>
					<a ref="nofollow" href="">商务合作</a>
				</dd>
			</dl>
			<dl>
				<dt>
					<s class="icon_5"></s>了解5173
				</dt>
				<dd>
					<a ref="nofollow" href="">信念与荣耀</a>
				</dd>
				<dd>
					<a ref="nofollow" href="">合作伙伴</a>
				</dd>
				<dd>
					<a ref="nofollow" href="">免责声明</a>
				</dd>
				<dd>
					<a ref="nofollow" href="">隐私保护</a>
				</dd>
			</dl>
		</div>
	</div>

	<!-- 公用footer部分 -->
	<div class="footer">
		<ul class="footer_nav">
			<li><a href="" target="_blank" rel="nofollow">关于我们</a>|</li>
			<li><a href="" target="_blank" rel="nofollow">合作伙伴</a>|</li>
			<li><a href="" target="_blank" rel="nofollow">合作联系</a>|</li>
			<li><a href="" target="_blank" rel="nofollow">隐私保护</a>|</li>
			<li><a href="" target="_blank" rel="nofollow">投诉建议</a>|</li>
			<li><a href="" target="_blank" rel="nofollow">免责声明</a>|</li>
			<li><a href="" target="_blank" rel="nofollow">诚聘英才</a></li>
		</ul>
		<p class="copyright">
			Copyright &#169; 2002-2013 5173.com 版权所有 <a href="" target="_blank"
				rel="nofollow">ICP证：浙B2-20090127 （金华比奇网络技术有限公司）</a> <a href=""
				target="_blank" rel="nofollow">【网络文化经营许可证】文网文[2009 256号]</a>
		</p>
	</div>
</body>
</html>